@extends('admin.layouts.app')

@section('right-content')
<div class="layui-tab ">
    <ul class="layui-tab-title">
        <li class="layui-this">个人信息</li>
        <li>登录日志</li>
        <li>游戏记录</li>
        <li>账变记录</li>
        <li>兑换记录</li>
    </ul>
    <div class="layui-tab-content" >
        <div class="layui-tab-item layui-show"> @include('admin.gamers.gamerInfo') </div>
        <div class="layui-tab-item">@include('admin.gamers.gamerLoginLog')</div>
        <div class="layui-tab-item">@include('admin.gamers.gamerPlayRecord')</div>
        <div class="layui-tab-item">@include('admin.gamers.gamerRechargeRecord')</div>
        <div class="layui-tab-item">@include('admin.gamers.gamerExchangeRecord')</div>
    </div>
</div>
@endsection

@section('my-js')
{{-- <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css"> --}}
{{-- <script type="text/javascript" src="http://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> --}}
<script type="text/javascript" src="{{ asset('admin/js/jquery.dataTables.min.js') }}"></script>{{-- 1.10.16 --}}
<script type="text/javascript" src="{{ asset('admin/js/table-tool.js') }}"></script>
<script type="text/javascript">
    //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
    layui.use(['element', 'jquery'], function(){
        var element = layui.element, $ = layui.$;

        // 默认禁用搜索和排序
        $.extend( $.fn.dataTable.defaults, {
            searching: false,
            ordering:  false,
            "language": {                           // 国际化
                "url":"{{ asset('admin/language.json') }}"
            },
            "dom": 'rt<"bottom"flp><"clear">',
        } );

        // 初始化表格
        var login_table = $('#login_table').DataTable({

            "autoWidth": false,                     // 自适应宽度
            "stateSave": true,                      // 刷新后保存页数
            "order": [[ 1, "asc" ]],               // 排序
            "processing": true,                     // 显示加载过程
                    // 本地搜索
            "info": true,                           // 控制是否显示表格左下角的信息
            "stripeClasses": ["odd", "even"],       // 为奇偶行加上样式，兼容不支持CSS伪类的场合

            "pagingType": "simple_numbers",         // 分页样式 simple,simple_numbers,full,full_numbers

            "columnDefs": [{                      // 指定列不参与排序
                "orderable": false,
                "Targets": [0,5]                   // 对应你的表格的列数
            }],
        });

        // 初始化表格
        var play_record_table = $('#play_record_table').DataTable({

            "autoWidth": false,                     // 自适应宽度
            "stateSave": true,                      // 刷新后保存页数
            "order": [[ 1, "asc" ]],               // 排序
            "processing": true,                     // 显示加载过程
                    // 本地搜索
            "info": true,                           // 控制是否显示表格左下角的信息
            "stripeClasses": ["odd", "even"],       // 为奇偶行加上样式，兼容不支持CSS伪类的场合

            "pagingType": "simple_numbers",         // 分页样式 simple,simple_numbers,full,full_numbers

            "columnDefs": [{                      // 指定列不参与排序
                "orderable": false,
                "Targets": [0,5]                   // 对应你的表格的列数
            }],
        });

        // 初始化表格
        var recharge_record_table = $('#recharge_record_table').DataTable({

            "autoWidth": false,                     // 自适应宽度
            "stateSave": true,                      // 刷新后保存页数
            "order": [[ 1, "asc" ]],               // 排序
            "processing": true,                     // 显示加载过程
                    // 本地搜索
            "info": true,                           // 控制是否显示表格左下角的信息
            "stripeClasses": ["odd", "even"],       // 为奇偶行加上样式，兼容不支持CSS伪类的场合

            "pagingType": "simple_numbers",         // 分页样式 simple,simple_numbers,full,full_numbers

            "columnDefs": [{                      // 指定列不参与排序
                "orderable": false,
                "Targets": [0,5]                   // 对应你的表格的列数
            }],
        });

        // 初始化表格
        var exchange_record_table = $('#exchange_record_table').DataTable({

            "autoWidth": false,                     // 自适应宽度
            "stateSave": true,                      // 刷新后保存页数
            "order": [[ 1, "asc" ]],               // 排序
            "processing": true,                     // 显示加载过程
                    // 本地搜索
            "info": true,                           // 控制是否显示表格左下角的信息
            "stripeClasses": ["odd", "even"],       // 为奇偶行加上样式，兼容不支持CSS伪类的场合

            "pagingType": "simple_numbers",         // 分页样式 simple,simple_numbers,full,full_numbers

            "columnDefs": [{                      // 指定列不参与排序
                "orderable": false,
                "Targets": [0,5]                   // 对应你的表格的列数
            }],
        });

    });
</script>
@endsection